<template>
	<view class="page">
		<!-- <image class="navbar-bg" src="https://cdn.spbcn.org/yanxuan/seasonstar_list_guonei_head1.png" mode="aspectFill"></image> -->
		<navbar :showHome="true" titleText="赛季之星×SPBCN" />
		<view class="main">
			<view class="logos">
				<image class="left logo" src="https://cdn.spbcn.org/yanxuan/seasonstar_list_guowai_logo1.png" mode="heightFix"></image>
				<image class="left logo" src="https://cdn.spbcn.org/yanxuan/seasonstar_list_guowai_logo2.png" mode="heightFix"></image>
			</view>
			<view class="title-flag">国内版</view>
			<image class="page-img" src="https://cdn.spbcn.org/yanxuan/seasonstar_list_guonei_center1.png" mode="aspectFit"></image>
			<view class="page-panel">
				<view class="cn-title">第1轮：词汇纵横</view>
				<view class="en-title">Round1: Word Link</view>
				<view class="status-txt">已完成｜Complete</view>
				<view class="process"></view>
				<view class="ciku">词库范围：本组别词库</view>
				<view class="btn" @click="handleToGame">继续｜Go</view>
			</view>
		</view>
	</view>
</template>

<script>
import navbar from '../../components/navbar.vue'
export default {
	components: {
		navbar
	},
	data() {
		return {
			
		};
	},
	methods: {
		handleToGame() {
			uni.navigateTo({
				url: '/pages/game_round_1/game'
			})
		}
	}
}
</script>

<style lang="less">
// .navbar-bg{
// 	position: fixed;
// 	top: 0;
// 	left: 0;
// 	width: 100%;
// 	height: 180rpx;
// 	// z-index: -1;
// }
.page{
	background-image: url(https://cdn.spbcn.org/yanxuan/seasonstar_list_guonei_back1.png);
	background-color: #f7b52c;
	background-size: 100% auto;
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 100vh;
}
.logos{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 40rpx;
	padding-left: 32rpx;
	padding-right: 32rpx;
	.logo{
		width: 50%;
		height: 40rpx;
	}
}
.title-flag{
	width: 100%;
	height: 90rpx;
	line-height: 80rpx;
	text-align: center;
	color: #fff;
	font-family: hzgb;
	font-size: 50rpx;
	margin-top: 40rpx;
	margin-bottom: 30rpx;
	background-image: url(https://cdn.spbcn.org/yanxuan/seasonstar_list_guonei_titleback.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 100%;
}
.page-img{
	width: 100%;
	height: 300rpx;
}
.page-panel{
	margin: 42rpx;
	padding: 42rpx 50rpx;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.15);
	border-radius: 40rpx;
	color: #fff;
	font-family: hzgb;
	text-align: center;
	.cn-title{
		font-size: 50rpx;
		margin-bottom: 10rpx;
	}
	.en-title{
		color: #f9565a;
		font-size: 28rpx;
		margin-bottom: 40rpx;
	}
	.status-txt{
		font-size: 28rpx;
	}
	.process{
		height: 50rpx;
		border-radius: 50rpx;
		border: 1px solid #f95658;
		margin-bottom: 30rpx;
		margin-top: 20rpx;
	}
	.ciku{
		font-size: 40rpx;
		margin-bottom: 20rpx;
	}
	.btn{
		height: 78rpx;
		line-height: 78rpx;
		font-size: 32rpx;
		color: #f7b52c;
		background-color: #fff;
		border-radius: 16rpx;
		border-bottom: 8rpx solid #fb9a00;
		box-shadow: 3rpx 5rpx 5rpx 3rpx rgba(0,0,0,0.25);
		margin-top: 60rpx;
	}
}
</style>
